﻿<aside class="main-aside">
    <ul>
        <li>
            <span class="aside-value-title">Uptime</span>
            <span class="aside-value">
                <span class="value-number js_uptimeValue"></span>
            </span>
            <span class="value-measurement-unit js_uptimeMeasurementUnit"></span>
        </li>
        <li>
            <span class="aside-value-title">Total Jobs</span>
            <span class="aside-value js_totalJobs"></span>
        </li>
        <li>
            <span class="aside-value-title">Executed</span>
            <span class="aside-value js_executedJobs"></span>
            <span class="value-measurement-unit">jobs</span>
        </li>
        
        <li>
            <span class="aside-value-title">In progress</span>
            
            <div class="aside-value">
                <section class="gauge">
                    <div class="gauge-body">
                        <div class="gauge-scale"></div>
                        <div class="gauge-value"></div>
                        <div class="gauge-center"></div>
                    </div>
                </section>
                <div class="gauge-legend js_inProgressCount"></div>
            </div>
            
            <span class="value-measurement-unit">jobs</span>
        </li>
    </ul>
</aside>